object-fit
Подстройка размера под блок
Свойство, которое позволяет управлять тем, как картинка img или видео video будет подстраиваться под заданные размеры.
object-position
Позиционирование при вписывании в блок
Свойство помогает спозиционировать отрисовку картинки img или видео video внутри контейнера, если к нему применили свойство object-fit.
image-set()
Несколько разрешений и типов фонового изображения.
CSS-функция image-set() позволяет перечислить несколько фоновых изображений с условиями, какое из них наиболее подходящее для загрузки в данный момент.
filter()
backdrop-filter()
backdrop-filter()
Фильтры для картинок и фонов
CSS позволяет накладывать поверх картинок или фонов различные фильтры. Почти как в Инстаграме.
drop-shadow()
Тень по форме самого изображения
С помощью drop-shadow() мы можем создать тень по форме самого изображения. Функция учитывает альфа-канал картинки и способна отбрасывать не только прямоугольную тень, как в случае с box-shadow .
background-blend-mode
Смешивание разных фонов (эффекты инстаграм)
Свойство background-blend-mode даёт возможность смешивать разные фоны между собой.
clip
Сделать часть элемента невидимой
С помощью свойства clip можно обрезать элемент, оставив видимой только его часть.
clip-path
Обрезание видимой части элемента
Свойство clip-path задаёт видимую область изображения. Всё, что выходит за пределы указанной области скрывается.
fill
Цвет заливки SVG картинки
CSS-свойство fill , как и у одноимённого SVG-атрибута, используется для оформления цвета заливки SVG-элемента. По умолчанию — black.
stroke
Цвет обводки SVG картинки
Как и у одноимённого SVG-атрибута, задаёт цвет обводки SVG-элемента. При наличии указанного через CSS или атрибут на этом же SVG-теге свойства stroke-width — толщины обводки, которая должна быть больше 0.